<template>
    <div>
        <div class="container" style="margin-left: 80%;">
            <div class="date-picker-year">
                <el-date-picker v-model="year" type="year" placeholder="2024" format="yyyy" value-format="yyyy">
                </el-date-picker>
            </div>
        </div>
        <el-table :data="tableData" border style="width: 100%">
            <el-table-column fixed prop="employeeID" label="工号" width="120">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="120">
            </el-table-column>
            <el-table-column prop="department" label="部门" width="120">
            </el-table-column>
            <el-table-column prop="position" label="岗位" width="120">
            </el-table-column>
            <el-table-column prop="basicSalary" label="基本工资" width="120">
            </el-table-column>
            <el-table-column prop="positionSalary" label="岗位工资" width="120">
            </el-table-column>
            <el-table-column prop="jobSalary" label="职务工资" width="120">
            </el-table-column>
            <el-table-column prop="housingAllowance" label="住房补贴" width="120">
            </el-table-column>
            <el-table-column prop="highTemperatureAllowance" label="高温津贴" width="120">
            </el-table-column>
            <el-table-column prop="transportationAllowance" label="交通补贴" width="120">
            </el-table-column>
            <el-table-column prop="mealAllowance" label="餐补" width="120">
            </el-table-column>
            <el-table-column prop="performanceBonus" label="绩效工资" width="120">
            </el-table-column>
            <el-table-column prop="quarterlyBonus" label="季度奖" width="120">
            </el-table-column>
            <el-table-column prop="fullAttendanceBonus" label="全勤奖" width="120">
            </el-table-column>
            <el-table-column prop="referralBonus" label="推荐奖" width="120">
            </el-table-column>
            <el-table-column prop="salesCommission" label="销售提成" width="120">
            </el-table-column>
            <el-table-column prop="lateDeduction" label="迟到扣款" width="120">
            </el-table-column>
            <el-table-column prop="earlyLeaveDeduction" label="早退扣款" width="120">
            </el-table-column>
            <el-table-column prop="absenceDeduction" label="旷工扣款" width="120">
            </el-table-column>
            <el-table-column prop="leaveDeduction" label="假期扣款" width="120">
            </el-table-column>
            <el-table-column prop="cardMissingDeduction" label="缺卡扣款" width="120">
            </el-table-column>
            <el-table-column prop="totalDeduction" label="综合扣款" width="120">
            </el-table-column>
            <el-table-column prop="calculatedDays" label="计薪天数" width="120">
            </el-table-column>
            <el-table-column prop="actualDays" label="实际计薪天数" width="120">
            </el-table-column>
            <el-table-column prop="grossSalary" label="应发工资" width="120">
            </el-table-column>
            <el-table-column prop="netSalary" label="实发工资" width="120">
            </el-table-column>
            <el-table-column prop="totalAttendanceDeduction" label="考勤扣款合计" width="120">
            </el-table-column>
            <el-table-column prop="status" label="状态" width="120">
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data() {
        return {
            year: '',
            tableData: [{
                employeeID: '9527',
                name: '张帅扬',
                department: '上海',
                position: '普陀区',
                basicSalary: '上海市普陀区',
                positionSalary: 200333,
                jobSalary: 100000,
                housingAllowance: 10000,
                transportationAllowance: 10000,
                mealAllowance: 10000,
                performanceBonus: 10000,
                quarterlyBonus: 10000,
                fullAttendanceBonus: 10000,
                referralBonus: 10000,
                salesCommission: 10000,
                lateDeduction: 10000,
                earlyLeaveDeduction: 10000,
                absenceDeduction: 10000,
                leaveDeduction: 10000,
                cardMissingDeduction: 10000,
                totalDeduction: 10000,
                calculatedDays: 10000,
                actualDays: 10000,
                grossSalary: 10000,
                netSalary: 10000,
                totalAttendanceDeduction: 10000,
                status: '正常'
            }],
        }
    }
}
</script>
<style scoped></style>